<template>
    <div class="apply-header">
        <el-row>
            <el-col :span="6">
                <el-row>
                    <el-col :span="3" :offset="2">
                        <img src="/src/assets/icon/svg/流程.svg" alt="" style="width: 32px"/>
                    </el-col>
                    <el-col :span="18" style="line-height: 32px">
                        流程:{{processName}}
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="3" :offset="15">
                <el-row>
                    <el-col :span="12">
                        <el-button type="danger" @click="cancel" size="small">取消申请</el-button>
                    </el-col>
                    <el-col :span="12">
                        <el-button type="primary" @click="submit" size="small">提交申请</el-button>
                    </el-col>
                </el-row>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "ApplyHeader",
    emits: ['cancel-click','submit-click'],
    props:['processName'],
    methods: {
        cancel(){
            this.$emit('cancel-click')
        },
        submit(){
            this.$emit('submit-click')
        }
    }
}
</script>

<style scoped>
*{
    /*border: 1px solid red;*/
}
.apply-header{
    padding: 6px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgray;
}
</style>
